<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>   
    <title>My JSP 'test.jsp' starting page</title>

    
  </head> 
  <body>
<style>
#demo {overflow:hidden;width:700; float:left}
#indemo {float:left;width:460%;}
#demo1 {float:left;}
</style>
<div id="demo">
    <div id="indemo"  >
      <div id="demo1" >        
       	 <img src="pictures_1/a.jpg"  style="width:250;height:200;"/>	 		
	     <img src="pictures_1/b.jpg"  style="width:250;height:200;"/>
         <img src="pictures_1/c.jpg"  style="width:250;height:200;"/>
         <img src="pictures_1/e.jpg"   style="width:250;height:200;"/>
         <img src="pictures_1/f.jpg"   style="width:250;height:200;"/>	 
      </div>
      <div id="demo2"></div>
   </div>
</div>
      <script type="text/javascript">
    var speed=10;
    var tab=document.getElementById("demo");
    var tab1=document.getElementById("demo1");
    var tab2=document.getElementById("demo2");
    tab2.innerHTML=tab1.innerHTML;
    function Marquee(){
    if(tab1.offsetWidth-tab.scrollLeft<=0)
    tab.scrollLeft=0;
    else{
    tab.scrollLeft++;
    }
    }
    var MyMar=setInterval(Marquee,speed);
    tab.onmouseover=function() {clearInterval(MyMar)};
    tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
  </script>
    
  </body>
</html>
